<template>
  <div>Films</div>

  <input type="text" v-focus />
</template>

<!-- <script>
// 单独再写一个不加 setup 的 script 来声明其他的一些选项
//    比如 name、inheritAttrs
export default {
  name: 'Films',
}
</script> -->

<!-- <script setup>
// 3.3+ 可以使用 defineOptions 来声明其他的选项
defineOptions({
  name: 'Films',
})
</script> -->

<!-- <script>
export default {
  setup(props, { expose }) {
    // 通过 expose 来控制对外的暴露
    expose({
      name: '张三',
      age: 18,
    })

    return {
      a: 1,
      b: 2,
    }
  },
}
</script> -->

<script setup>
// 已 v开头的语法，就是自定义指令
const vFocus = {
  mounted(el, binding) {
    el.focus()
  },
}

const a = 1

const b = 2

defineExpose({
  a,
  b,
})
</script>
